<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>敦冠科技首页</title>
    <link rel="stylesheet" href="../_reset.css" />
    <link rel="stylesheet" href="./common.css" />
    <link rel="stylesheet" href="./index1.css" />
  </head>
  <body>
    <div class="web">
      <!-- 公共头部 -->
      <header>
        <div class="logo header"></div>
        <div class="subnav header"></div>
        <div class="nav header">
          <p>
            <a href="">首页</a>
            <a href="">音响</a>
            <a href="">家庭系统</a> 
            <a href="">商业系统</a> 
            <a href="">客户服务</a> 
            <a href="">产品与科技</a> 
            <a href="">工程案例</a> 
            <a href="">资讯</a> 
          </p>
        </div>
      </header>
      <!-- 页面主体 -->
      <main>
        <!-- 公司介绍 -->
        <div class="info">
          <div class="left-ear intro"></div>
          <div class="words intro">
            <div class="words-en"></div>
            <div class="words-cn"></div>
            <div class="words-btns">
              <div class="buy btn">
                <button>  <a href="">点击购买</a> </button>
              </div>
              <div class="know btn">
                <button> <a href="">了解更多</a> </button>
              </div>
            </div>
          </div>
          <div class="right-ear intro"></div>
          <div class="about-us intro">
            <div class="title"></div>
            <div class="content"></div>
          </div>
        </div>
        <!-- 我们能做什么? -->
        <div class="what-we-do">
          <!-- 标题 -->
          <div class="wwd-title">
            <div class="title-en"></div>
            <div class="title-cn"></div>
          </div>
          <div class="wwd-content">
            <div class="icon-three">
              <div class="icon-pic">
                <img src="./img/user.png" alt="">
              </div>
              <div class="icon-title">
                <img src="./img/免费安装.png" alt="">
              </div>
              <div class="icon-desc">
                <img src="./img/敦冠影音，在家庭影院定制为用户提供免费安装安装，为您的生活提供便捷方便的服务。.png" alt="">
              </div>
            </div>
            <div class="icon-three">
              <div class="icon-pic">
                <img src="./img/network.png" alt="">
              </div>
              <div class="icon-title">
                <img src="./img/定制设计.png" alt="">
              </div>
              <div class="icon-desc">
                <img src="./img/敦冠影音，在家庭影院为用户推出定制设计服务，让您的生活变得更加丰富个性。.png" alt="">
              </div>
            </div>
            <div class="icon-three">
              <div class="icon-pic">
                <img src="./img/music.png" alt="">
              </div>
              <div class="icon-title">
                <img src="./img/售后保障.png" alt="">
              </div>
              <div class="icon-desc">
                <img src="./img/敦冠影音，在家庭影院为用户提供安全放心的售后保障服务，让你无后顾之忧.png" alt="">
              </div>
            </div>
          </div>
        </div>
        <!-- 最新资讯 -->
        <div class="news">
          <div class="news-title"></div>
          <hr class="spe" />
          <div class="news-content">
            <div class="content-icon">
              <div class="icon-left">
                <img src="./img/科技与产品/矢量智能对象.png" alt="">
              </div>
              <div class="icon-right">
                <img src="./img/最新资讯/[音视频工程]敦冠科技独家承建中兴通讯公司工厂宴会厅音视频系统.[2015-10-12].png" alt="">
              </div>
            </div>
            <div class="content-icon">
              <div class="icon-left">
                <img src="./img/科技与产品/矢量智能对象.png" alt="">
              </div>
              <div class="icon-right">
                <img src="./img/最新资讯/[家庭影院]现代格调私人家庭影院配置方案报价..png" alt="">
              </div>
            </div>
            <div class="content-icon">
              <div class="icon-left">
                <img src="./img/科技与产品/矢量智能对象.png" alt="">
              </div>
              <div class="icon-right">
                <img src="./img/最新资讯/Community携手RunningMan创体育馆音频系统新里程.png" alt="">
              </div>
            </div>
            <div class="content-icon">
              <div class="icon-left">
                <img src="./img/科技与产品/矢量智能对象.png" alt="">
              </div>
              <div class="icon-right">
                <img src="./img/最新资讯/[家庭影院]五星级的合同，五星级的影院.png" alt="">
              </div>
            </div>
            <div class="content-icon">
              <div class="icon-left">
                <img src="./img/科技与产品/矢量智能对象.png" alt="">
              </div>
              <div class="icon-right">
                <img src="./img/最新资讯/[私家影院定制]千元级别的家庭影院，轻装上阵了！工程案例.png" alt="">
              </div>
            </div>
            <div class="content-icon">
              <div class="icon-left">
                <img src="./img/科技与产品/矢量智能对象.png" alt="">
              </div>
              <div class="icon-right">
                <img src="./img/最新资讯/[私家影院定制]千元级别的家庭影院，轻装上阵了！工程案例.png" alt="">
              </div>
            </div>
          </div>
        </div>
        <!-- 产品与科技 -->
        <div class="pro">
          <div class="pro-title"></div>
          <div class="pro-spe"></div>
          <div class="pro-content">
            <div class="left-arrow arr">
              <img src="./img/科技与产品/icon拷贝.png" alt="">
            </div>
            <div class="pro-left">
              <img src="./img/科技与产品/组5.png" alt="">
            </div>
            <div class="pro-mid"></div>
            <div class="pro-right">
              <img src="./img/科技与产品/图层16拷贝.png" alt="">
            </div>
            <div class="right-arrow arr">
              <img src="./img/科技与产品/icon.png" alt="">
            </div>
          </div>
        </div>
      </main>
      <!-- 底部 -->
      <footer>
        <div class="footer-top">
          <div class="footer-top-content">
            <div class="content-contact">
              <!-- 左侧二维码 -->
              <div class="con-qrcode">
                <div class="qrcode"></div>
                <div class="qrtext"></div>
              </div>
              <!-- 联系方式 -->
              <div class="con-way">
                <div class="way-title"></div>
                <div class="way-phone"></div>
                <div class="way-email"></div>
                <div class="way-address"></div>
              </div>
            </div>
            <!-- 底部右侧反馈 -->
            <div class="content-feedback">
              <h3><img src="./img/底部/用户反馈：.png" alt=""></h3>
              <div class="name-email">
                <div class="name">
                  <input type="text"placeholder="你的名字">
                </div>
                <div class="email">
                  <input type="text"placeholder= "你的电子邮箱" >
                </div>
              </div>
              <div class="heading">
                <input type="text"placeholder="请输入一个标题">
              </div>
              <div class="msg-content">
                <input type="text" placeholder="请输入你要留言的内容">
              </div>
              <div class="msg-btn">
                <button> <a href="">留言</a></button>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <!-- 底部版权信息 -->
          <div class="footer-bottom-triangle"></div>
          <div class="bottom-words"></div>
        </div>
      </footer>
    </div>
  </body>
</html>
